<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>

    <!-- stylesheets -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/ionicons.css" rel="stylesheet">
    <link href="css/linea.css" rel="stylesheet">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="css/style2.css" />
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>

    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200i,300,300i,400,600,700,700i,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Cardo:400,400i,700" rel="stylesheet">

</head>

<body>
    <!-- navbar -->
    <header>
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    <img src="images/1.jpg" alt="青桔科技" width="40px" height="40px" style="position:relative; left: 150px; top:5px;" />
                    <a class="navbar-brand"><span style="color:#4cae4c;" >青桔科技</span></a>
                </div>
                <div id="navbar" class="navbar-collapse collapse nav-top">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">小程序</a>
                            <ul class="dropdown-menu">
                                <li><img src="images/9.jpg"></li>
                            </ul>
                        </li>

                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">微信公众号</a>
                            <ul class="dropdown-menu">
                                <li><img src="images/8.jpg"></li>
                            </ul>

                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">加入我们</a>
                            <ul class="dropdown-menu">
                                <li><a href="商家入驻.html" style="color:green"><b>商家入驻</b></a></li>
                                <li><a href="广纳贤才.html" style="color:green"><b>广纳贤才</b></a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">联系我们</a></li>

                    </ul>
                    </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/6.jpg" alt="First slide">
            </div>
            <div class="item">
                <img src="images/7.jpg" alt="Second slide">
            </div>
            <div class="item">
                <img src="images/5.jpg" alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>




    <img src="images/17.jpg" class="img-responsive" alt="Responsive image">
    <!-- experience -->
    <section class="header">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <div class="feature-content text-left">
                        <h2 style="color: green">政企合作商务平台</h2>
                        <p style="color: orange">主要提供“我的商城”、APP、小程序、“我的资阳”订阅号、论坛等功能</p>
                        <p style="color: orange">一个完整的互联网一体化的营销产品结构，为企业和商家提供互联网营销产品体系、聚合数据、渠道分发、用户转化等系统化的互联网数据和策划推广系统。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- experience -->

    <img src="images/18.jpg" class="img-responsive" alt="Responsive image">

    <!-- feature -->
    <section class="header">
        <div class="container">
            <div class="col-md-5 col-sm-6">
                <div class="feature-content">
                    <h2 style="color: green">资阳本地电子购物商城</h2>
                    <p style="color: orange">一个功能完善的在线购物系统，主要为在线销售和在线购物。</p>
                    <p style="color: orange">功能主要包含商品购买、订单管理、发货与配送、商品促销、在线支付、会员优惠等等。</p>
                </div>
            </div>
        </div>
        </div>
    </section>
    <!-- feature -->


    <img src="images/19.jpg" class="img-responsive" alt="Responsive image">
    <img src="images/16.jpg" class="img-responsive" alt="Responsive image">
    <img src="images/24.jpg" class="img-responsive" alt="Responsive image">
    <img src="images/20.jpg" class="img-responsive" alt="Responsive image">

    <!-- projects -->
    <section class="projects">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="media project-item">
                        <div class="media-left">
                            <div class="project-numb"></div>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"></h4>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="media project-item">
                        <div class="media-left">
                            <div class="project-numb"></div>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"></h4>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 visible-sm-block">
                    <div class="media project-item">
                        <div class="media-left">
                            <div class="project-numb"></div>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"></h4>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="media project-item">
                        <div class="media-left">
                            <div class="project-numb"></div>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"></h4>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- sponsor --
        <section class="">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img ">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img white-bg">
                            <img class="img-responsive" src="images/client_2.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-3 col-xs-6 p-0">
                        <div class="sponsor-img">
                            <img class="img-responsive" src="images/client_1.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </section-->

    <!-- blog --->
    <!-- footer -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-2  col-sm-3 col-xs-6">
                    <div class="footer-logo">
                        <div class="footer-logo-text" style="color: green">青桔科技</div>
                        <p style="color: orange">为您创造更大价值！</p>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-6">
                    <ul class="list-unstyled links">
                        <li>关于</li>
                        <li>服务</li>
                        <li>历史</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-6">
                    <ul class="list-unstyled links">
                        <li>关于</li>
                        <li>服务</li>
                        <li>历史</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-6">
                    <ul class="list-unstyled links">
                        <li>关于</li>
                        <li>服务</li>
                        <li>历史</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-6">
                    <ul class="list-unstyled links">
                        <li>关于</li>
                        <li>服务</li>
                        <li>历史</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-6">
                    <ul class="list-unstyled links">
                        <li>关于</li>
                        <li>服务</li>
                        <li>历史</li>
                        <li>联系我们</li>
                    </ul>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <div class="copyright">
                        <p class="text-center">ICP备案许可证编号：蜀ICP备19023551.资阳青桔科技有限公司</p>
                        <!--ul class="list-inline pull-right">
                                <li>Privacy Policy </li>
                                <li>Terms Of Use</li>
                            </ul-->
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- javascript -->
    <script src="js/jquery-v1.11.3.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/isotope.pkgd.js"></script>
    <script type="text/javascript" src="js/jquery.cslider.js"></script>
    <script src="js/custom.js"></script>
</body>

</html>